<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragment::head(~{::title})">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="UTF-8">
    <title>角色添加资源权限</title>
</head>

<body class="no-skin">

<!--导航部分-->
<div th:replace="_fragment :: nav"></div>

<!--页面主体-->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>

    <!--侧边栏-->
    <div th:replace="_fragment :: menu(2,2.2)"></div>

    <!--主页中心部分-->
    <div class="main-content" >

        <!--面包屑-->
        <div class="breadcrumbs" id="breadcrumbs">
            <script type="text/javascript">
                try {
                    ace.settings.check('breadcrumbs', 'fixed')
                } catch (e) {
                }
            </script>

            <!--多级导航-->
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a th:href="@{/admin/toIndex}">首页</a>
                </li>
                <li class="active">资源权限列表</li>
            </ul><!-- /.breadcrumb -->
        </div>

        <!--中心内容	-->
        <div class="page-content" >

            <div class="page-content-area">

                <div class="row">
                    <div class="col-xs-12">
                        <!-- 页面内容开始 -->

                        <!--内容	-->
                        <div class="row">
                            <div class="col-xs-12">
                                <h3 class="header smaller lighter blue">可添加的资源权限列表</h3>
                                <div class="table-header">
                                    》
                                </div>
                                <div>
                                    <div id="sample-table-2_wrapper" class="dataTables_wrapper form-inline" role="grid">
                                        <form th:action="@{/admin/saveRoleAddPermission}" th:method="post">
                                            <table id="sample-table-2"
                                                   class="mdui-table mdui-table-hoverable"
                                                   aria-describedby="sample-table-2_info">
                                                <!--表格头-->
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th class="" role="columnheader" tabindex="0"
                                                        aria-controls="sample-table-2" rowspan="1" colspan="1"
                                                        aria-label="Domain: activate to sort column ascending">ID
                                                    </th>
                                                    <th class="" role="columnheader" tabindex="0"
                                                        aria-controls="sample-table-2" rowspan="1" colspan="1"
                                                        aria-label="Clicks: activate to sort column ascending">资源权限名
                                                    </th>
                                                    <th class="" role="columnheader" tabindex="0"
                                                        aria-controls="sample-table-2" rowspan="1" colspan="1"
                                                        aria-label="Status: activate to sort column ascending">url
                                                    </th>
                                                    <th class="" role="columnheader" tabindex="0"
                                                        aria-controls="sample-table-2" rowspan="1" colspan="1"
                                                        aria-label="Status: activate to sort column ascending">描述
                                                    </th>
                                                </tr>
                                                </thead>

                                                <input type="text" name="roleId" th:value="${roleId}" hidden>

                                                <tbody role="alert" aria-live="polite" aria-relevant="all">
                                                <tr class="" th:each="permission,stat : ${permissions}" >
                                                    <td class="mdui-col">
                                                        <label class="mdui-checkbox">
                                                            <input type="checkbox" name="ids" th:value="${permission.id}">
                                                            <i class="mdui-checkbox-icon"></i>
                                                        </label>
                                                    </td>
                                                    <td class="" th:text="${stat.count}">app.com</td>
                                                    <td class="" th:text="${permission.permissionName}">$45</td>
                                                    <td class="" th:text="${permission.url}">3,330</td>
                                                    <td class="" th:text="${permission.permissionDesc}">$45</td>
                                                </tr>
                                                </tbody>
                                            </table>

                                            <div style="margin-top: 20px;"></div>
                                            <div class="col-xs-4"></div>
                                            <div class="">
                                                <button class="btn btn-info" type="submit">
                                                    <i class="ace-icon fa fa-check bigger-110"></i>
                                                    新增
                                                </button>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <button class="btn" type="button" onclick="javascript :history.back(-1);">
                                                    返回
                                                    <i class="ace-icon fa fa-undo bigger-110"></i>
                                                </button>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content-area -->
        </div><!-- /.page-content -->
    </div><!-- /.main-content -->

    <!--页脚	-->
    <div th:replace="_fragment::footer"></div>

    <!--回到顶部-->
    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->


<!--引入js	-->
<th:block th:replace="_fragment::script"></th:block>

</body>
</html>
